<!DOCTYPE HTML>

<html ng-app lang="en">

{{>/head}}

<div class="container">

    <!-- ========================================================================================================= row1 (Title) -->
    <div class="row">

        <center> <h1 class="logoBigText"><span class="vcu">{{username}}</span>.Profile</h1></p></center>

    </div>
    <!-- ========================================================================================================= /row1 (Title) -->

    <!-- ========================================================================================================= row2 (User Profile) -->
    <div class="row">
        <div class="col-md-3"></div> <!--3 Col Filler-->

        <div class="col-md-6">

            <!-- ========================================================================================================= User Profile Photos -->
            <div class="col-md-3 paddedBox">

                    <div class="user_photo2">
                        <img height="100px" width="100px" src="/static/img/default_user.png" border=1>
                    </div>

            </div>
            <!-- ========================================================================================================= /User Profile Photos -->

            <!-- ========================================================================================================= User Profile Information -->
            <div class="col-md-9">

                <table class="table table-hover no-border">
                    <tr>
                        <td>Username:</td>
                        <td>{{username}}</td>
                    </tr>

                    <tr>
                        <td>First Name:</td>
                        <td>{{firstName}}</td>
                    </tr>

                    <tr>
                        <td>Last Name:</td>
                        <td>{{lastName}}</td>
                    </tr>

                    <tr>
                        <td>E-mail:</td>
                        <td>{{emailAddress}}</td>
                    </tr>
                </table>

            </div>
            <!-- ========================================================================================================= /User Profile Information -->
        </div><!-- col-md-6 -->
        <div class="col-md-3"></div> <!--3 Col Filler-->

    </div><!--/row-->
    <!-- ========================================================================================================= /row2 (User Profile) -->
</div> <!--/container-->


{{>/foot}}
</html>